<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3150120" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">列表模式2</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">分类</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">日期时间</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe97e;</span>
                <div class="name">登录,进入,进</div>
                <div class="code-name">&amp;#xe97e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">archive-存档</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe993;</span>
                <div class="name">代码,分支,分流,分叉</div>
                <div class="code-name">&amp;#xe993;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">文本输入</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">36合作、关系</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">办公室成本</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">风险提示</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">缺陷检测查询</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">添加工时</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">文件类型-PPTX</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">文件类型-PPT</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">文件类型-Txt</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">文件类型-Exe</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">文件类型-压缩包</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">文件类型-未知文件</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">文件类型-Pdf (1)</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">文件类型-Word (2)</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">svg</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">分组 3 (2)</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">md</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">xmind</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">图书</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">csv</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">文件类型-音频</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">文件类型-视频</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">文件类型-Gif</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">默认文件夹</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">文件下载</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">转移-06</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">oa-person</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe902;</span>
                <div class="name">406报表</div>
                <div class="code-name">&amp;#xe902;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">绿洲_概览</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">甘特图</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec8b;</span>
                <div class="name">置顶（面）-copy</div>
                <div class="code-name">&amp;#xec8b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">置顶（线）</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">置顶（面）</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">电脑</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">账户</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">接口</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xebb7;</span>
                <div class="name">规则</div>
                <div class="code-name">&amp;#xebb7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">Lua函数</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">八项规定</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">流程</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">编辑模板</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c5;</span>
                <div class="name">217时间</div>
                <div class="code-name">&amp;#xe8c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">占比</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec87;</span>
                <div class="name">置顶-copy</div>
                <div class="code-name">&amp;#xec87;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">删除_填充</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">置顶</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec88;</span>
                <div class="name">置顶-copy</div>
                <div class="code-name">&amp;#xec88;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">人员调配</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">视频会议</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">数据库修改</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">投诉举报</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">微信公众号</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">微活动</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">微投票</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">员工服务台</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">上下级组织</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">质量管理</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">项目管理</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">宣传审核</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">外出外出</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">上下游组织</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">信息技术</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">智能人事</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">设计</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">办公电话</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">智能办公</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">员工福利</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">采购与库存管理</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">智能填表</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">OA审批</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">异常退款申请</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">员工奖惩</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">招聘需求</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">云盘</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">用工安全</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">补卡</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">智能薪酬</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">招聘渠道付费</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">抄分</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">产品需求</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">智能报表</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">物品领用</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">防疫</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">办理离职</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">智能工资条</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">短信营销</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">薪资</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">充值业务退款</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">补贴</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">证照</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">店长调班</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">需求协助</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">租赁费用支付</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">汇款</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">电话会议</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">积分</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">发红包</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">智能云打印</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">加班</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">调班申请</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">公告</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">二维码</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">办理入职</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">会议记录</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">合同审核</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">店长离任审计</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">番茄表单</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">采购与设备</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">借款</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">考勤打卡</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">寄件申请</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">花名册</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">立项审批</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">店长招聘</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">钉钉运动</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">晋升-转岗</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">培训报名</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">离职</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">出差</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">企业主页</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">轻松小秘</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">拉勾招聘</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">培训管理</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">培训调研</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">人事变动通知</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">人事设置</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">全员圈</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">平台券码</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">门禁</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">荣誉</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">色盘</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">数据汇总</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">目标</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">完成</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">延期</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">风险排查</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec86;</span>
                <div class="name">目标-copy</div>
                <div class="code-name">&amp;#xec86;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">颜色方案</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">合同审批</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">calendar_2</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">自定义区域</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe920;</span>
                <div class="name">54设计-线性</div>
                <div class="code-name">&amp;#xe920;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">拼图</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">登录,进入,进 (1)</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">登录,进入,进</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">文本</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">checkmark-square-2-outline</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">checkbox-multiple-line</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">富文本编辑器_字体颜色</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">number</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec8a;</span>
                <div class="name">add-copy</div>
                <div class="code-name">&amp;#xec8a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec89;</span>
                <div class="name">add-copy</div>
                <div class="code-name">&amp;#xec89;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">项目成员</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">高级设置</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">34模板、框架</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec7d;</span>
                <div class="name">iframe添加</div>
                <div class="code-name">&amp;#xec7d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">医嘱模板</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">箭头 右</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec82;</span>
                <div class="name">箭头 右</div>
                <div class="code-name">&amp;#xec82;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">收藏-选中</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec84;</span>
                <div class="name">more</div>
                <div class="code-name">&amp;#xec84;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">cloud-download</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">cloud-upload</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec80;</span>
                <div class="name">灯泡提示</div>
                <div class="code-name">&amp;#xec80;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">连接</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">cc-copy</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">date</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec7f;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xec7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">优先级</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">association</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">备注</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">恢复</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">恢复</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe82b;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe82b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">round_add</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">add user</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">delete user</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">setup</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">messages</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">internet</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">Team</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec85;</span>
                <div class="name">setup</div>
                <div class="code-name">&amp;#xec85;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec83;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xec83;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">空check</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">collection-fill</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec81;</span>
                <div class="name">collection-fill</div>
                <div class="code-name">&amp;#xec81;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1686298966127') format('woff2'),
       url('iconfont.woff?t=1686298966127') format('woff'),
       url('iconfont.ttf?t=1686298966127') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaomoshi2"></span>
            <div class="name">
              列表模式2
            </div>
            <div class="code-name">.icon-liebiaomoshi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenlei"></span>
            <div class="name">
              分类
            </div>
            <div class="code-name">.icon-fenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqishijian"></span>
            <div class="name">
              日期时间
            </div>
            <div class="code-name">.icon-riqishijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-login-full"></span>
            <div class="name">
              登录,进入,进
            </div>
            <div class="code-name">.icon-login-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-archive"></span>
            <div class="name">
              archive-存档
            </div>
            <div class="code-name">.icon-archive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-code-branch-full"></span>
            <div class="name">
              代码,分支,分流,分叉
            </div>
            <div class="code-name">.icon-code-branch-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenbenshuru"></span>
            <div class="name">
              文本输入
            </div>
            <div class="code-name">.icon-wenbenshuru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hezuoguanxi"></span>
            <div class="name">
              36合作、关系
            </div>
            <div class="code-name">.icon-hezuoguanxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangongshichengben"></span>
            <div class="name">
              办公室成本
            </div>
            <div class="code-name">.icon-bangongshichengben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxiantishi"></span>
            <div class="name">
              风险提示
            </div>
            <div class="code-name">.icon-fengxiantishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quexianjiancechaxun"></span>
            <div class="name">
              缺陷检测查询
            </div>
            <div class="code-name">.icon-quexianjiancechaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiagongshi"></span>
            <div class="name">
              添加工时
            </div>
            <div class="code-name">.icon-tianjiagongshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-PPTX"></span>
            <div class="name">
              文件类型-PPTX
            </div>
            <div class="code-name">.icon-wenjianleixing-PPTX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-PPT"></span>
            <div class="name">
              文件类型-PPT
            </div>
            <div class="code-name">.icon-wenjianleixing-PPT
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-Txt"></span>
            <div class="name">
              文件类型-Txt
            </div>
            <div class="code-name">.icon-wenjianleixing-Txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-Exe"></span>
            <div class="name">
              文件类型-Exe
            </div>
            <div class="code-name">.icon-wenjianleixing-Exe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-yasuobao"></span>
            <div class="name">
              文件类型-压缩包
            </div>
            <div class="code-name">.icon-wenjianleixing-yasuobao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-weizhiwenjian"></span>
            <div class="name">
              文件类型-未知文件
            </div>
            <div class="code-name">.icon-wenjianleixing-weizhiwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wenjianleixing-Pdf1"></span>
            <div class="name">
              文件类型-Pdf (1)
            </div>
            <div class="code-name">.icon-a-wenjianleixing-Pdf1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-wenjianleixing-Word2"></span>
            <div class="name">
              文件类型-Word (2)
            </div>
            <div class="code-name">.icon-a-wenjianleixing-Word2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-svg"></span>
            <div class="name">
              svg
            </div>
            <div class="code-name">.icon-svg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fenzu32"></span>
            <div class="name">
              分组 3 (2)
            </div>
            <div class="code-name">.icon-a-fenzu32
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-md2"></span>
            <div class="name">
              md
            </div>
            <div class="code-name">.icon-md2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-fenzu1"></span>
            <div class="name">
              xmind
            </div>
            <div class="code-name">.icon-a-fenzu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tushu"></span>
            <div class="name">
              图书
            </div>
            <div class="code-name">.icon-tushu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-csv"></span>
            <div class="name">
              csv
            </div>
            <div class="code-name">.icon-csv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-yinpin"></span>
            <div class="name">
              文件类型-音频
            </div>
            <div class="code-name">.icon-wenjianleixing-yinpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-shipin"></span>
            <div class="name">
              文件类型-视频
            </div>
            <div class="code-name">.icon-wenjianleixing-shipin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianleixing-Gif"></span>
            <div class="name">
              文件类型-Gif
            </div>
            <div class="code-name">.icon-wenjianleixing-Gif
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-morenwenjianjia"></span>
            <div class="name">
              默认文件夹
            </div>
            <div class="code-name">.icon-morenwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo1"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gengduo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-xiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianxiazai"></span>
            <div class="name">
              文件下载
            </div>
            <div class="code-name">.icon-wenjianxiazai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuanyi-06"></span>
            <div class="name">
              转移-06
            </div>
            <div class="code-name">.icon-zhuanyi-06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuan"></span>
            <div class="name">
              oa-person
            </div>
            <div class="code-name">.icon-renyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renwu"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.icon-renwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baobiao"></span>
            <div class="name">
              406报表
            </div>
            <div class="code-name">.icon-baobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lvzhou_gailan"></span>
            <div class="name">
              绿洲_概览
            </div>
            <div class="code-name">.icon-lvzhou_gailan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gantetu"></span>
            <div class="name">
              甘特图
            </div>
            <div class="code-name">.icon-gantetu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidingmians-copy"></span>
            <div class="name">
              置顶（面）-copy
            </div>
            <div class="code-name">.icon-zhidingmians-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidingxian"></span>
            <div class="name">
              置顶（线）
            </div>
            <div class="code-name">.icon-zhidingxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidingmian"></span>
            <div class="name">
              置顶（面）
            </div>
            <div class="code-name">.icon-zhidingmian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi1"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diannao"></span>
            <div class="name">
              电脑
            </div>
            <div class="code-name">.icon-diannao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghu"></span>
            <div class="name">
              账户
            </div>
            <div class="code-name">.icon-zhanghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiekou"></span>
            <div class="name">
              接口
            </div>
            <div class="code-name">.icon-jiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guize"></span>
            <div class="name">
              规则
            </div>
            <div class="code-name">.icon-guize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Luahanshu"></span>
            <div class="name">
              Lua函数
            </div>
            <div class="code-name">.icon-Luahanshu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianmaguize"></span>
            <div class="name">
              八项规定
            </div>
            <div class="code-name">.icon-bianmaguize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhi1"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.icon-rizhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liucheng"></span>
            <div class="name">
              流程
            </div>
            <div class="code-name">.icon-liucheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianjimoban"></span>
            <div class="name">
              编辑模板
            </div>
            <div class="code-name">.icon-bianjimoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              217时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitong"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.icon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhi"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.icon-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanbi"></span>
            <div class="name">
              占比
            </div>
            <div class="code-name">.icon-zhanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiding-copy"></span>
            <div class="name">
              置顶-copy
            </div>
            <div class="code-name">.icon-zhiding-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchutianchong"></span>
            <div class="name">
              删除_填充
            </div>
            <div class="code-name">.icon-shanchutianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiding"></span>
            <div class="name">
              置顶
            </div>
            <div class="code-name">.icon-zhiding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiding-copy1"></span>
            <div class="name">
              置顶-copy
            </div>
            <div class="code-name">.icon-zhiding-copy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renyuantiaopei"></span>
            <div class="name">
              人员调配
            </div>
            <div class="code-name">.icon-renyuantiaopei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shipinhuiyi"></span>
            <div class="name">
              视频会议
            </div>
            <div class="code-name">.icon-shipinhuiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujukuxiugai"></span>
            <div class="name">
              数据库修改
            </div>
            <div class="code-name">.icon-shujukuxiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tousujubao"></span>
            <div class="name">
              投诉举报
            </div>
            <div class="code-name">.icon-tousujubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weixingongzhonghao"></span>
            <div class="name">
              微信公众号
            </div>
            <div class="code-name">.icon-weixingongzhonghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.icon-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weihuodong"></span>
            <div class="name">
              微活动
            </div>
            <div class="code-name">.icon-weihuodong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weitoupiao"></span>
            <div class="name">
              微投票
            </div>
            <div class="code-name">.icon-weitoupiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongfuwutai"></span>
            <div class="name">
              员工服务台
            </div>
            <div class="code-name">.icon-yuangongfuwutai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxiajizuzhi"></span>
            <div class="name">
              上下级组织
            </div>
            <div class="code-name">.icon-shangxiajizuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiliangguanli"></span>
            <div class="name">
              质量管理
            </div>
            <div class="code-name">.icon-zhiliangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangmuguanli"></span>
            <div class="name">
              项目管理
            </div>
            <div class="code-name">.icon-xiangmuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanchuanshenhe"></span>
            <div class="name">
              宣传审核
            </div>
            <div class="code-name">.icon-xuanchuanshenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.icon-saoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-waichuwaichu"></span>
            <div class="name">
              外出外出
            </div>
            <div class="code-name">.icon-waichuwaichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangxiayouzuzhi"></span>
            <div class="name">
              上下游组织
            </div>
            <div class="code-name">.icon-shangxiayouzuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxijishu"></span>
            <div class="name">
              信息技术
            </div>
            <div class="code-name">.icon-xinxijishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengrenshi"></span>
            <div class="name">
              智能人事
            </div>
            <div class="code-name">.icon-zhinengrenshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sheji"></span>
            <div class="name">
              设计
            </div>
            <div class="code-name">.icon-sheji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangongdianhua"></span>
            <div class="name">
              办公电话
            </div>
            <div class="code-name">.icon-bangongdianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengbangong"></span>
            <div class="name">
              智能办公
            </div>
            <div class="code-name">.icon-zhinengbangong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongfuli"></span>
            <div class="name">
              员工福利
            </div>
            <div class="code-name">.icon-yuangongfuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigouyukucunguanli"></span>
            <div class="name">
              采购与库存管理
            </div>
            <div class="code-name">.icon-caigouyukucunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengtianbiao"></span>
            <div class="name">
              智能填表
            </div>
            <div class="code-name">.icon-zhinengtianbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-OAshenpi"></span>
            <div class="name">
              OA审批
            </div>
            <div class="code-name">.icon-OAshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yichangtuikuanshenqing"></span>
            <div class="name">
              异常退款申请
            </div>
            <div class="code-name">.icon-yichangtuikuanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuangongjiangcheng"></span>
            <div class="name">
              员工奖惩
            </div>
            <div class="code-name">.icon-yuangongjiangcheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinxuqiu"></span>
            <div class="name">
              招聘需求
            </div>
            <div class="code-name">.icon-zhaopinxuqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunpan"></span>
            <div class="name">
              云盘
            </div>
            <div class="code-name">.icon-yunpan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yonggonganquan"></span>
            <div class="name">
              用工安全
            </div>
            <div class="code-name">.icon-yonggonganquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-buka"></span>
            <div class="name">
              补卡
            </div>
            <div class="code-name">.icon-buka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengxinchou"></span>
            <div class="name">
              智能薪酬
            </div>
            <div class="code-name">.icon-zhinengxinchou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaopinqudaofufei"></span>
            <div class="name">
              招聘渠道付费
            </div>
            <div class="code-name">.icon-zhaopinqudaofufei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaofen"></span>
            <div class="name">
              抄分
            </div>
            <div class="code-name">.icon-chaofen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chanpinxuqiu"></span>
            <div class="name">
              产品需求
            </div>
            <div class="code-name">.icon-chanpinxuqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengbaobiao"></span>
            <div class="name">
              智能报表
            </div>
            <div class="code-name">.icon-zhinengbaobiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wupinlingyong"></span>
            <div class="name">
              物品领用
            </div>
            <div class="code-name">.icon-wupinlingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangyi"></span>
            <div class="name">
              防疫
            </div>
            <div class="code-name">.icon-fangyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banlilizhi"></span>
            <div class="name">
              办理离职
            </div>
            <div class="code-name">.icon-banlilizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinenggongzitiao"></span>
            <div class="name">
              智能工资条
            </div>
            <div class="code-name">.icon-zhinenggongzitiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duanxinyingxiao"></span>
            <div class="name">
              短信营销
            </div>
            <div class="code-name">.icon-duanxinyingxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzi"></span>
            <div class="name">
              薪资
            </div>
            <div class="code-name">.icon-xinzi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongzhiyewutuikuan"></span>
            <div class="name">
              充值业务退款
            </div>
            <div class="code-name">.icon-chongzhiyewutuikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-butie"></span>
            <div class="name">
              补贴
            </div>
            <div class="code-name">.icon-butie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengzhao"></span>
            <div class="name">
              证照
            </div>
            <div class="code-name">.icon-zhengzhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchangtiaoban"></span>
            <div class="name">
              店长调班
            </div>
            <div class="code-name">.icon-dianchangtiaoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuqiuxiezhu"></span>
            <div class="name">
              需求协助
            </div>
            <div class="code-name">.icon-xuqiuxiezhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zulinfeiyongzhifu"></span>
            <div class="name">
              租赁费用支付
            </div>
            <div class="code-name">.icon-zulinfeiyongzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huikuan"></span>
            <div class="name">
              汇款
            </div>
            <div class="code-name">.icon-huikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhuahuiyi"></span>
            <div class="name">
              电话会议
            </div>
            <div class="code-name">.icon-dianhuahuiyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jifen"></span>
            <div class="name">
              积分
            </div>
            <div class="code-name">.icon-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fahongbao"></span>
            <div class="name">
              发红包
            </div>
            <div class="code-name">.icon-fahongbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhinengyundayin"></span>
            <div class="name">
              智能云打印
            </div>
            <div class="code-name">.icon-zhinengyundayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaban"></span>
            <div class="name">
              加班
            </div>
            <div class="code-name">.icon-jiaban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaobanshenqing"></span>
            <div class="name">
              调班申请
            </div>
            <div class="code-name">.icon-tiaobanshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gonggao"></span>
            <div class="name">
              公告
            </div>
            <div class="code-name">.icon-gonggao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-erweima"></span>
            <div class="name">
              二维码
            </div>
            <div class="code-name">.icon-erweima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-banliruzhi"></span>
            <div class="name">
              办理入职
            </div>
            <div class="code-name">.icon-banliruzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huiyijilu"></span>
            <div class="name">
              会议记录
            </div>
            <div class="code-name">.icon-huiyijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshenhe"></span>
            <div class="name">
              合同审核
            </div>
            <div class="code-name">.icon-hetongshenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchanglirenshenji"></span>
            <div class="name">
              店长离任审计
            </div>
            <div class="code-name">.icon-dianchanglirenshenji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fanqiebiaodan"></span>
            <div class="name">
              番茄表单
            </div>
            <div class="code-name">.icon-fanqiebiaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caigouyushebei"></span>
            <div class="name">
              采购与设备
            </div>
            <div class="code-name">.icon-caigouyushebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiekuan"></span>
            <div class="name">
              借款
            </div>
            <div class="code-name">.icon-jiekuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaoqindaka"></span>
            <div class="name">
              考勤打卡
            </div>
            <div class="code-name">.icon-kaoqindaka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jijianshenqing"></span>
            <div class="name">
              寄件申请
            </div>
            <div class="code-name">.icon-jijianshenqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huamingce"></span>
            <div class="name">
              花名册
            </div>
            <div class="code-name">.icon-huamingce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixiangshenpi"></span>
            <div class="name">
              立项审批
            </div>
            <div class="code-name">.icon-lixiangshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchangzhaopin"></span>
            <div class="name">
              店长招聘
            </div>
            <div class="code-name">.icon-dianchangzhaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdingyundong"></span>
            <div class="name">
              钉钉运动
            </div>
            <div class="code-name">.icon-dingdingyundong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinsheng-zhuangang"></span>
            <div class="name">
              晋升-转岗
            </div>
            <div class="code-name">.icon-jinsheng-zhuangang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunbaoming"></span>
            <div class="name">
              培训报名
            </div>
            <div class="code-name">.icon-peixunbaoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lizhi"></span>
            <div class="name">
              离职
            </div>
            <div class="code-name">.icon-lizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chucha"></span>
            <div class="name">
              出差
            </div>
            <div class="code-name">.icon-chucha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiyezhuye"></span>
            <div class="name">
              企业主页
            </div>
            <div class="code-name">.icon-qiyezhuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qingsongxiaomi"></span>
            <div class="name">
              轻松小秘
            </div>
            <div class="code-name">.icon-qingsongxiaomi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lagouzhaopin"></span>
            <div class="name">
              拉勾招聘
            </div>
            <div class="code-name">.icon-lagouzhaopin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixunguanli"></span>
            <div class="name">
              培训管理
            </div>
            <div class="code-name">.icon-peixunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peixuntiaoyan"></span>
            <div class="name">
              培训调研
            </div>
            <div class="code-name">.icon-peixuntiaoyan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshibiandongtongzhi"></span>
            <div class="name">
              人事变动通知
            </div>
            <div class="code-name">.icon-renshibiandongtongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renshishezhi"></span>
            <div class="name">
              人事设置
            </div>
            <div class="code-name">.icon-renshishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon-qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanyuanquan"></span>
            <div class="name">
              全员圈
            </div>
            <div class="code-name">.icon-quanyuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pingtaiquanma"></span>
            <div class="name">
              平台券码
            </div>
            <div class="code-name">.icon-pingtaiquanma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menjin"></span>
            <div class="name">
              门禁
            </div>
            <div class="code-name">.icon-menjin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rongyu"></span>
            <div class="name">
              荣誉
            </div>
            <div class="code-name">.icon-rongyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sepan"></span>
            <div class="name">
              色盘
            </div>
            <div class="code-name">.icon-sepan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shujuhuizong"></span>
            <div class="name">
              数据汇总
            </div>
            <div class="code-name">.icon-shujuhuizong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiao"></span>
            <div class="name">
              目标
            </div>
            <div class="code-name">.icon-mubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wancheng"></span>
            <div class="name">
              完成
            </div>
            <div class="code-name">.icon-wancheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yanqi"></span>
            <div class="name">
              延期
            </div>
            <div class="code-name">.icon-yanqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengxianpaicha"></span>
            <div class="name">
              风险排查
            </div>
            <div class="code-name">.icon-fengxianpaicha
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mubiao-copy"></span>
            <div class="name">
              目标-copy
            </div>
            <div class="code-name">.icon-mubiao-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yansefangan"></span>
            <div class="name">
              颜色方案
            </div>
            <div class="code-name">.icon-yansefangan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hetongshenpi"></span>
            <div class="name">
              合同审批
            </div>
            <div class="code-name">.icon-hetongshenpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-calendar_2"></span>
            <div class="name">
              calendar_2
            </div>
            <div class="code-name">.icon-calendar_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidingyiquyu"></span>
            <div class="name">
              自定义区域
            </div>
            <div class="code-name">.icon-zidingyiquyu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sheji-xianxing"></span>
            <div class="name">
              54设计-线性
            </div>
            <div class="code-name">.icon-sheji-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pintu"></span>
            <div class="name">
              拼图
            </div>
            <div class="code-name">.icon-pintu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-denglujinrujin1"></span>
            <div class="name">
              登录,进入,进 (1)
            </div>
            <div class="code-name">.icon-a-denglujinrujin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-denglujinrujin"></span>
            <div class="name">
              登录,进入,进
            </div>
            <div class="code-name">.icon-a-denglujinrujin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon-riqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenben"></span>
            <div class="name">
              文本
            </div>
            <div class="code-name">.icon-wenben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkmark-square--outline"></span>
            <div class="name">
              checkmark-square-2-outline
            </div>
            <div class="code-name">.icon-checkmark-square--outline
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-checkbox-multiple-line"></span>
            <div class="name">
              checkbox-multiple-line
            </div>
            <div class="code-name">.icon-checkbox-multiple-line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuwenbenbianjiqi_zitiyanse"></span>
            <div class="name">
              富文本编辑器_字体颜色
            </div>
            <div class="code-name">.icon-fuwenbenbianjiqi_zitiyanse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-number"></span>
            <div class="name">
              number
            </div>
            <div class="code-name">.icon-number
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add2"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-adds"></span>
            <div class="name">
              add-copy
            </div>
            <div class="code-name">.icon-adds
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-addc"></span>
            <div class="name">
              add-copy
            </div>
            <div class="code-name">.icon-addc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add1"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chengyuan"></span>
            <div class="name">
              项目成员
            </div>
            <div class="code-name">.icon-chengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaojishezhi"></span>
            <div class="name">
              高级设置
            </div>
            <div class="code-name">.icon-gaojishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mobankuangjia"></span>
            <div class="name">
              34模板、框架
            </div>
            <div class="code-name">.icon-mobankuangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iframetianjia"></span>
            <div class="name">
              iframe添加
            </div>
            <div class="code-name">.icon-iframetianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yizhumoban"></span>
            <div class="name">
              医嘱模板
            </div>
            <div class="code-name">.icon-yizhumoban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.icon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yingyong"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon-yingyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-paixu3"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.icon-paixu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouzuo"></span>
            <div class="name">
              箭头 右
            </div>
            <div class="code-name">.icon-jiantouzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiantouyou"></span>
            <div class="name">
              箭头 右
            </div>
            <div class="code-name">.icon-jiantouyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucangxuanzhong"></span>
            <div class="name">
              收藏-选中
            </div>
            <div class="code-name">.icon-shoucangxuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gengduo-copy"></span>
            <div class="name">
              more
            </div>
            <div class="code-name">.icon-gengduo-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhi"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.icon-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-download"></span>
            <div class="name">
              cloud-download
            </div>
            <div class="code-name">.icon-cloud-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cloud-upload"></span>
            <div class="name">
              cloud-upload
            </div>
            <div class="code-name">.icon-cloud-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-priority-copy"></span>
            <div class="name">
              灯泡提示
            </div>
            <div class="code-name">.icon-priority-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianjie"></span>
            <div class="name">
              连接
            </div>
            <div class="code-name">.icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cc-copy"></span>
            <div class="name">
              cc-copy
            </div>
            <div class="code-name">.icon-cc-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-copy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.icon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon-biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-riqi2"></span>
            <div class="name">
              date
            </div>
            <div class="code-name">.icon-riqi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fujian"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon-fujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.icon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-priority"></span>
            <div class="name">
              优先级
            </div>
            <div class="code-name">.icon-priority
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-association"></span>
            <div class="name">
              association
            </div>
            <div class="code-name">.icon-association
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-beizhu"></span>
            <div class="name">
              备注
            </div>
            <div class="code-name">.icon-beizhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huifu"></span>
            <div class="name">
              恢复
            </div>
            <div class="code-name">.icon-huifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huifu1"></span>
            <div class="name">
              恢复
            </div>
            <div class="code-name">.icon-huifu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check1"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.icon-check1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-roundadd"></span>
            <div class="name">
              round_add
            </div>
            <div class="code-name">.icon-roundadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.icon-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.icon-menu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-adduser"></span>
            <div class="name">
              add user
            </div>
            <div class="code-name">.icon-adduser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-deleteuser"></span>
            <div class="name">
              delete user
            </div>
            <div class="code-name">.icon-deleteuser
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-menu1"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.icon-menu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setup"></span>
            <div class="name">
              setup
            </div>
            <div class="code-name">.icon-setup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-messages"></span>
            <div class="name">
              messages
            </div>
            <div class="code-name">.icon-messages
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-internet"></span>
            <div class="name">
              internet
            </div>
            <div class="code-name">.icon-internet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Team"></span>
            <div class="name">
              Team
            </div>
            <div class="code-name">.icon-Team
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-setup-copy"></span>
            <div class="name">
              setup
            </div>
            <div class="code-name">.icon-setup-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-search-copy"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.icon-search-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongcheck"></span>
            <div class="name">
              空check
            </div>
            <div class="code-name">.icon-kongcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-check"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collection-fill"></span>
            <div class="name">
              collection-fill
            </div>
            <div class="code-name">.icon-collection-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-collection-fill-copy"></span>
            <div class="name">
              collection-fill
            </div>
            <div class="code-name">.icon-collection-fill-copy
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaomoshi2"></use>
                </svg>
                <div class="name">列表模式2</div>
                <div class="code-name">#icon-liebiaomoshi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenlei"></use>
                </svg>
                <div class="name">分类</div>
                <div class="code-name">#icon-fenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqishijian"></use>
                </svg>
                <div class="name">日期时间</div>
                <div class="code-name">#icon-riqishijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-login-full"></use>
                </svg>
                <div class="name">登录,进入,进</div>
                <div class="code-name">#icon-login-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-archive"></use>
                </svg>
                <div class="name">archive-存档</div>
                <div class="code-name">#icon-archive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-code-branch-full"></use>
                </svg>
                <div class="name">代码,分支,分流,分叉</div>
                <div class="code-name">#icon-code-branch-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenbenshuru"></use>
                </svg>
                <div class="name">文本输入</div>
                <div class="code-name">#icon-wenbenshuru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hezuoguanxi"></use>
                </svg>
                <div class="name">36合作、关系</div>
                <div class="code-name">#icon-hezuoguanxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangongshichengben"></use>
                </svg>
                <div class="name">办公室成本</div>
                <div class="code-name">#icon-bangongshichengben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxiantishi"></use>
                </svg>
                <div class="name">风险提示</div>
                <div class="code-name">#icon-fengxiantishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quexianjiancechaxun"></use>
                </svg>
                <div class="name">缺陷检测查询</div>
                <div class="code-name">#icon-quexianjiancechaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiagongshi"></use>
                </svg>
                <div class="name">添加工时</div>
                <div class="code-name">#icon-tianjiagongshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-PPTX"></use>
                </svg>
                <div class="name">文件类型-PPTX</div>
                <div class="code-name">#icon-wenjianleixing-PPTX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-PPT"></use>
                </svg>
                <div class="name">文件类型-PPT</div>
                <div class="code-name">#icon-wenjianleixing-PPT</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-Txt"></use>
                </svg>
                <div class="name">文件类型-Txt</div>
                <div class="code-name">#icon-wenjianleixing-Txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-Exe"></use>
                </svg>
                <div class="name">文件类型-Exe</div>
                <div class="code-name">#icon-wenjianleixing-Exe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-yasuobao"></use>
                </svg>
                <div class="name">文件类型-压缩包</div>
                <div class="code-name">#icon-wenjianleixing-yasuobao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-weizhiwenjian"></use>
                </svg>
                <div class="name">文件类型-未知文件</div>
                <div class="code-name">#icon-wenjianleixing-weizhiwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wenjianleixing-Pdf1"></use>
                </svg>
                <div class="name">文件类型-Pdf (1)</div>
                <div class="code-name">#icon-a-wenjianleixing-Pdf1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-wenjianleixing-Word2"></use>
                </svg>
                <div class="name">文件类型-Word (2)</div>
                <div class="code-name">#icon-a-wenjianleixing-Word2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-svg"></use>
                </svg>
                <div class="name">svg</div>
                <div class="code-name">#icon-svg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fenzu32"></use>
                </svg>
                <div class="name">分组 3 (2)</div>
                <div class="code-name">#icon-a-fenzu32</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-md2"></use>
                </svg>
                <div class="name">md</div>
                <div class="code-name">#icon-md2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-fenzu1"></use>
                </svg>
                <div class="name">xmind</div>
                <div class="code-name">#icon-a-fenzu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tushu"></use>
                </svg>
                <div class="name">图书</div>
                <div class="code-name">#icon-tushu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-csv"></use>
                </svg>
                <div class="name">csv</div>
                <div class="code-name">#icon-csv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-yinpin"></use>
                </svg>
                <div class="name">文件类型-音频</div>
                <div class="code-name">#icon-wenjianleixing-yinpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-shipin"></use>
                </svg>
                <div class="name">文件类型-视频</div>
                <div class="code-name">#icon-wenjianleixing-shipin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianleixing-Gif"></use>
                </svg>
                <div class="name">文件类型-Gif</div>
                <div class="code-name">#icon-wenjianleixing-Gif</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-morenwenjianjia"></use>
                </svg>
                <div class="name">默认文件夹</div>
                <div class="code-name">#icon-morenwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo1"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gengduo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-xiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianxiazai"></use>
                </svg>
                <div class="name">文件下载</div>
                <div class="code-name">#icon-wenjianxiazai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuanyi-06"></use>
                </svg>
                <div class="name">转移-06</div>
                <div class="code-name">#icon-zhuanyi-06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuan"></use>
                </svg>
                <div class="name">oa-person</div>
                <div class="code-name">#icon-renyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renwu"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#icon-renwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baobiao"></use>
                </svg>
                <div class="name">406报表</div>
                <div class="code-name">#icon-baobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvzhou_gailan"></use>
                </svg>
                <div class="name">绿洲_概览</div>
                <div class="code-name">#icon-lvzhou_gailan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gantetu"></use>
                </svg>
                <div class="name">甘特图</div>
                <div class="code-name">#icon-gantetu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidingmians-copy"></use>
                </svg>
                <div class="name">置顶（面）-copy</div>
                <div class="code-name">#icon-zhidingmians-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidingxian"></use>
                </svg>
                <div class="name">置顶（线）</div>
                <div class="code-name">#icon-zhidingxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidingmian"></use>
                </svg>
                <div class="name">置顶（面）</div>
                <div class="code-name">#icon-zhidingmian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi1"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diannao"></use>
                </svg>
                <div class="name">电脑</div>
                <div class="code-name">#icon-diannao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghu"></use>
                </svg>
                <div class="name">账户</div>
                <div class="code-name">#icon-zhanghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiekou"></use>
                </svg>
                <div class="name">接口</div>
                <div class="code-name">#icon-jiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guize"></use>
                </svg>
                <div class="name">规则</div>
                <div class="code-name">#icon-guize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Luahanshu"></use>
                </svg>
                <div class="name">Lua函数</div>
                <div class="code-name">#icon-Luahanshu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianmaguize"></use>
                </svg>
                <div class="name">八项规定</div>
                <div class="code-name">#icon-bianmaguize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhi1"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#icon-rizhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liucheng"></use>
                </svg>
                <div class="name">流程</div>
                <div class="code-name">#icon-liucheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianjimoban"></use>
                </svg>
                <div class="name">编辑模板</div>
                <div class="code-name">#icon-bianjimoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">217时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitong"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#icon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhi"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#icon-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanbi"></use>
                </svg>
                <div class="name">占比</div>
                <div class="code-name">#icon-zhanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiding-copy"></use>
                </svg>
                <div class="name">置顶-copy</div>
                <div class="code-name">#icon-zhiding-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchutianchong"></use>
                </svg>
                <div class="name">删除_填充</div>
                <div class="code-name">#icon-shanchutianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiding"></use>
                </svg>
                <div class="name">置顶</div>
                <div class="code-name">#icon-zhiding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiding-copy1"></use>
                </svg>
                <div class="name">置顶-copy</div>
                <div class="code-name">#icon-zhiding-copy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renyuantiaopei"></use>
                </svg>
                <div class="name">人员调配</div>
                <div class="code-name">#icon-renyuantiaopei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shipinhuiyi"></use>
                </svg>
                <div class="name">视频会议</div>
                <div class="code-name">#icon-shipinhuiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujukuxiugai"></use>
                </svg>
                <div class="name">数据库修改</div>
                <div class="code-name">#icon-shujukuxiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tousujubao"></use>
                </svg>
                <div class="name">投诉举报</div>
                <div class="code-name">#icon-tousujubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weixingongzhonghao"></use>
                </svg>
                <div class="name">微信公众号</div>
                <div class="code-name">#icon-weixingongzhonghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#icon-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weihuodong"></use>
                </svg>
                <div class="name">微活动</div>
                <div class="code-name">#icon-weihuodong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weitoupiao"></use>
                </svg>
                <div class="name">微投票</div>
                <div class="code-name">#icon-weitoupiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongfuwutai"></use>
                </svg>
                <div class="name">员工服务台</div>
                <div class="code-name">#icon-yuangongfuwutai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxiajizuzhi"></use>
                </svg>
                <div class="name">上下级组织</div>
                <div class="code-name">#icon-shangxiajizuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiliangguanli"></use>
                </svg>
                <div class="name">质量管理</div>
                <div class="code-name">#icon-zhiliangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangmuguanli"></use>
                </svg>
                <div class="name">项目管理</div>
                <div class="code-name">#icon-xiangmuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanchuanshenhe"></use>
                </svg>
                <div class="name">宣传审核</div>
                <div class="code-name">#icon-xuanchuanshenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#icon-saoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-waichuwaichu"></use>
                </svg>
                <div class="name">外出外出</div>
                <div class="code-name">#icon-waichuwaichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangxiayouzuzhi"></use>
                </svg>
                <div class="name">上下游组织</div>
                <div class="code-name">#icon-shangxiayouzuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxijishu"></use>
                </svg>
                <div class="name">信息技术</div>
                <div class="code-name">#icon-xinxijishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengrenshi"></use>
                </svg>
                <div class="name">智能人事</div>
                <div class="code-name">#icon-zhinengrenshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sheji"></use>
                </svg>
                <div class="name">设计</div>
                <div class="code-name">#icon-sheji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangongdianhua"></use>
                </svg>
                <div class="name">办公电话</div>
                <div class="code-name">#icon-bangongdianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengbangong"></use>
                </svg>
                <div class="name">智能办公</div>
                <div class="code-name">#icon-zhinengbangong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongfuli"></use>
                </svg>
                <div class="name">员工福利</div>
                <div class="code-name">#icon-yuangongfuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigouyukucunguanli"></use>
                </svg>
                <div class="name">采购与库存管理</div>
                <div class="code-name">#icon-caigouyukucunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengtianbiao"></use>
                </svg>
                <div class="name">智能填表</div>
                <div class="code-name">#icon-zhinengtianbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-OAshenpi"></use>
                </svg>
                <div class="name">OA审批</div>
                <div class="code-name">#icon-OAshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yichangtuikuanshenqing"></use>
                </svg>
                <div class="name">异常退款申请</div>
                <div class="code-name">#icon-yichangtuikuanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuangongjiangcheng"></use>
                </svg>
                <div class="name">员工奖惩</div>
                <div class="code-name">#icon-yuangongjiangcheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaopinxuqiu"></use>
                </svg>
                <div class="name">招聘需求</div>
                <div class="code-name">#icon-zhaopinxuqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunpan"></use>
                </svg>
                <div class="name">云盘</div>
                <div class="code-name">#icon-yunpan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yonggonganquan"></use>
                </svg>
                <div class="name">用工安全</div>
                <div class="code-name">#icon-yonggonganquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-buka"></use>
                </svg>
                <div class="name">补卡</div>
                <div class="code-name">#icon-buka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengxinchou"></use>
                </svg>
                <div class="name">智能薪酬</div>
                <div class="code-name">#icon-zhinengxinchou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaopinqudaofufei"></use>
                </svg>
                <div class="name">招聘渠道付费</div>
                <div class="code-name">#icon-zhaopinqudaofufei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaofen"></use>
                </svg>
                <div class="name">抄分</div>
                <div class="code-name">#icon-chaofen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chanpinxuqiu"></use>
                </svg>
                <div class="name">产品需求</div>
                <div class="code-name">#icon-chanpinxuqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengbaobiao"></use>
                </svg>
                <div class="name">智能报表</div>
                <div class="code-name">#icon-zhinengbaobiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wupinlingyong"></use>
                </svg>
                <div class="name">物品领用</div>
                <div class="code-name">#icon-wupinlingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangyi"></use>
                </svg>
                <div class="name">防疫</div>
                <div class="code-name">#icon-fangyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banlilizhi"></use>
                </svg>
                <div class="name">办理离职</div>
                <div class="code-name">#icon-banlilizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinenggongzitiao"></use>
                </svg>
                <div class="name">智能工资条</div>
                <div class="code-name">#icon-zhinenggongzitiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duanxinyingxiao"></use>
                </svg>
                <div class="name">短信营销</div>
                <div class="code-name">#icon-duanxinyingxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzi"></use>
                </svg>
                <div class="name">薪资</div>
                <div class="code-name">#icon-xinzi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongzhiyewutuikuan"></use>
                </svg>
                <div class="name">充值业务退款</div>
                <div class="code-name">#icon-chongzhiyewutuikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-butie"></use>
                </svg>
                <div class="name">补贴</div>
                <div class="code-name">#icon-butie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengzhao"></use>
                </svg>
                <div class="name">证照</div>
                <div class="code-name">#icon-zhengzhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchangtiaoban"></use>
                </svg>
                <div class="name">店长调班</div>
                <div class="code-name">#icon-dianchangtiaoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuqiuxiezhu"></use>
                </svg>
                <div class="name">需求协助</div>
                <div class="code-name">#icon-xuqiuxiezhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zulinfeiyongzhifu"></use>
                </svg>
                <div class="name">租赁费用支付</div>
                <div class="code-name">#icon-zulinfeiyongzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huikuan"></use>
                </svg>
                <div class="name">汇款</div>
                <div class="code-name">#icon-huikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhuahuiyi"></use>
                </svg>
                <div class="name">电话会议</div>
                <div class="code-name">#icon-dianhuahuiyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jifen"></use>
                </svg>
                <div class="name">积分</div>
                <div class="code-name">#icon-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fahongbao"></use>
                </svg>
                <div class="name">发红包</div>
                <div class="code-name">#icon-fahongbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhinengyundayin"></use>
                </svg>
                <div class="name">智能云打印</div>
                <div class="code-name">#icon-zhinengyundayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaban"></use>
                </svg>
                <div class="name">加班</div>
                <div class="code-name">#icon-jiaban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaobanshenqing"></use>
                </svg>
                <div class="name">调班申请</div>
                <div class="code-name">#icon-tiaobanshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gonggao"></use>
                </svg>
                <div class="name">公告</div>
                <div class="code-name">#icon-gonggao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-erweima"></use>
                </svg>
                <div class="name">二维码</div>
                <div class="code-name">#icon-erweima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-banliruzhi"></use>
                </svg>
                <div class="name">办理入职</div>
                <div class="code-name">#icon-banliruzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huiyijilu"></use>
                </svg>
                <div class="name">会议记录</div>
                <div class="code-name">#icon-huiyijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongshenhe"></use>
                </svg>
                <div class="name">合同审核</div>
                <div class="code-name">#icon-hetongshenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchanglirenshenji"></use>
                </svg>
                <div class="name">店长离任审计</div>
                <div class="code-name">#icon-dianchanglirenshenji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fanqiebiaodan"></use>
                </svg>
                <div class="name">番茄表单</div>
                <div class="code-name">#icon-fanqiebiaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caigouyushebei"></use>
                </svg>
                <div class="name">采购与设备</div>
                <div class="code-name">#icon-caigouyushebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiekuan"></use>
                </svg>
                <div class="name">借款</div>
                <div class="code-name">#icon-jiekuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaoqindaka"></use>
                </svg>
                <div class="name">考勤打卡</div>
                <div class="code-name">#icon-kaoqindaka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jijianshenqing"></use>
                </svg>
                <div class="name">寄件申请</div>
                <div class="code-name">#icon-jijianshenqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huamingce"></use>
                </svg>
                <div class="name">花名册</div>
                <div class="code-name">#icon-huamingce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixiangshenpi"></use>
                </svg>
                <div class="name">立项审批</div>
                <div class="code-name">#icon-lixiangshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchangzhaopin"></use>
                </svg>
                <div class="name">店长招聘</div>
                <div class="code-name">#icon-dianchangzhaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdingyundong"></use>
                </svg>
                <div class="name">钉钉运动</div>
                <div class="code-name">#icon-dingdingyundong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinsheng-zhuangang"></use>
                </svg>
                <div class="name">晋升-转岗</div>
                <div class="code-name">#icon-jinsheng-zhuangang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peixunbaoming"></use>
                </svg>
                <div class="name">培训报名</div>
                <div class="code-name">#icon-peixunbaoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lizhi"></use>
                </svg>
                <div class="name">离职</div>
                <div class="code-name">#icon-lizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chucha"></use>
                </svg>
                <div class="name">出差</div>
                <div class="code-name">#icon-chucha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiyezhuye"></use>
                </svg>
                <div class="name">企业主页</div>
                <div class="code-name">#icon-qiyezhuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qingsongxiaomi"></use>
                </svg>
                <div class="name">轻松小秘</div>
                <div class="code-name">#icon-qingsongxiaomi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lagouzhaopin"></use>
                </svg>
                <div class="name">拉勾招聘</div>
                <div class="code-name">#icon-lagouzhaopin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peixunguanli"></use>
                </svg>
                <div class="name">培训管理</div>
                <div class="code-name">#icon-peixunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peixuntiaoyan"></use>
                </svg>
                <div class="name">培训调研</div>
                <div class="code-name">#icon-peixuntiaoyan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshibiandongtongzhi"></use>
                </svg>
                <div class="name">人事变动通知</div>
                <div class="code-name">#icon-renshibiandongtongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renshishezhi"></use>
                </svg>
                <div class="name">人事设置</div>
                <div class="code-name">#icon-renshishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon-qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanyuanquan"></use>
                </svg>
                <div class="name">全员圈</div>
                <div class="code-name">#icon-quanyuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pingtaiquanma"></use>
                </svg>
                <div class="name">平台券码</div>
                <div class="code-name">#icon-pingtaiquanma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menjin"></use>
                </svg>
                <div class="name">门禁</div>
                <div class="code-name">#icon-menjin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rongyu"></use>
                </svg>
                <div class="name">荣誉</div>
                <div class="code-name">#icon-rongyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sepan"></use>
                </svg>
                <div class="name">色盘</div>
                <div class="code-name">#icon-sepan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shujuhuizong"></use>
                </svg>
                <div class="name">数据汇总</div>
                <div class="code-name">#icon-shujuhuizong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mubiao"></use>
                </svg>
                <div class="name">目标</div>
                <div class="code-name">#icon-mubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wancheng"></use>
                </svg>
                <div class="name">完成</div>
                <div class="code-name">#icon-wancheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yanqi"></use>
                </svg>
                <div class="name">延期</div>
                <div class="code-name">#icon-yanqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengxianpaicha"></use>
                </svg>
                <div class="name">风险排查</div>
                <div class="code-name">#icon-fengxianpaicha</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mubiao-copy"></use>
                </svg>
                <div class="name">目标-copy</div>
                <div class="code-name">#icon-mubiao-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yansefangan"></use>
                </svg>
                <div class="name">颜色方案</div>
                <div class="code-name">#icon-yansefangan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hetongshenpi"></use>
                </svg>
                <div class="name">合同审批</div>
                <div class="code-name">#icon-hetongshenpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-calendar_2"></use>
                </svg>
                <div class="name">calendar_2</div>
                <div class="code-name">#icon-calendar_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidingyiquyu"></use>
                </svg>
                <div class="name">自定义区域</div>
                <div class="code-name">#icon-zidingyiquyu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sheji-xianxing"></use>
                </svg>
                <div class="name">54设计-线性</div>
                <div class="code-name">#icon-sheji-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pintu"></use>
                </svg>
                <div class="name">拼图</div>
                <div class="code-name">#icon-pintu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-denglujinrujin1"></use>
                </svg>
                <div class="name">登录,进入,进 (1)</div>
                <div class="code-name">#icon-a-denglujinrujin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-denglujinrujin"></use>
                </svg>
                <div class="name">登录,进入,进</div>
                <div class="code-name">#icon-a-denglujinrujin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon-riqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenben"></use>
                </svg>
                <div class="name">文本</div>
                <div class="code-name">#icon-wenben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkmark-square--outline"></use>
                </svg>
                <div class="name">checkmark-square-2-outline</div>
                <div class="code-name">#icon-checkmark-square--outline</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-checkbox-multiple-line"></use>
                </svg>
                <div class="name">checkbox-multiple-line</div>
                <div class="code-name">#icon-checkbox-multiple-line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuwenbenbianjiqi_zitiyanse"></use>
                </svg>
                <div class="name">富文本编辑器_字体颜色</div>
                <div class="code-name">#icon-fuwenbenbianjiqi_zitiyanse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-number"></use>
                </svg>
                <div class="name">number</div>
                <div class="code-name">#icon-number</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add2"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-adds"></use>
                </svg>
                <div class="name">add-copy</div>
                <div class="code-name">#icon-adds</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-addc"></use>
                </svg>
                <div class="name">add-copy</div>
                <div class="code-name">#icon-addc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add1"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chengyuan"></use>
                </svg>
                <div class="name">项目成员</div>
                <div class="code-name">#icon-chengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaojishezhi"></use>
                </svg>
                <div class="name">高级设置</div>
                <div class="code-name">#icon-gaojishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mobankuangjia"></use>
                </svg>
                <div class="name">34模板、框架</div>
                <div class="code-name">#icon-mobankuangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iframetianjia"></use>
                </svg>
                <div class="name">iframe添加</div>
                <div class="code-name">#icon-iframetianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yizhumoban"></use>
                </svg>
                <div class="name">医嘱模板</div>
                <div class="code-name">#icon-yizhumoban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#icon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yingyong"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon-yingyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-paixu3"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#icon-paixu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouzuo"></use>
                </svg>
                <div class="name">箭头 右</div>
                <div class="code-name">#icon-jiantouzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiantouyou"></use>
                </svg>
                <div class="name">箭头 右</div>
                <div class="code-name">#icon-jiantouyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucangxuanzhong"></use>
                </svg>
                <div class="name">收藏-选中</div>
                <div class="code-name">#icon-shoucangxuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gengduo-copy"></use>
                </svg>
                <div class="name">more</div>
                <div class="code-name">#icon-gengduo-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhi"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#icon-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-download"></use>
                </svg>
                <div class="name">cloud-download</div>
                <div class="code-name">#icon-cloud-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cloud-upload"></use>
                </svg>
                <div class="name">cloud-upload</div>
                <div class="code-name">#icon-cloud-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-priority-copy"></use>
                </svg>
                <div class="name">灯泡提示</div>
                <div class="code-name">#icon-priority-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianjie"></use>
                </svg>
                <div class="name">连接</div>
                <div class="code-name">#icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cc-copy"></use>
                </svg>
                <div class="name">cc-copy</div>
                <div class="code-name">#icon-cc-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-copy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#icon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon-biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-riqi2"></use>
                </svg>
                <div class="name">date</div>
                <div class="code-name">#icon-riqi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fujian"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon-fujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#icon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-priority"></use>
                </svg>
                <div class="name">优先级</div>
                <div class="code-name">#icon-priority</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-association"></use>
                </svg>
                <div class="name">association</div>
                <div class="code-name">#icon-association</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-beizhu"></use>
                </svg>
                <div class="name">备注</div>
                <div class="code-name">#icon-beizhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huifu"></use>
                </svg>
                <div class="name">恢复</div>
                <div class="code-name">#icon-huifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huifu1"></use>
                </svg>
                <div class="name">恢复</div>
                <div class="code-name">#icon-huifu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check1"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#icon-check1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-roundadd"></use>
                </svg>
                <div class="name">round_add</div>
                <div class="code-name">#icon-roundadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#icon-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#icon-menu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-adduser"></use>
                </svg>
                <div class="name">add user</div>
                <div class="code-name">#icon-adduser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deleteuser"></use>
                </svg>
                <div class="name">delete user</div>
                <div class="code-name">#icon-deleteuser</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-menu1"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#icon-menu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setup"></use>
                </svg>
                <div class="name">setup</div>
                <div class="code-name">#icon-setup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-messages"></use>
                </svg>
                <div class="name">messages</div>
                <div class="code-name">#icon-messages</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-internet"></use>
                </svg>
                <div class="name">internet</div>
                <div class="code-name">#icon-internet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Team"></use>
                </svg>
                <div class="name">Team</div>
                <div class="code-name">#icon-Team</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-setup-copy"></use>
                </svg>
                <div class="name">setup</div>
                <div class="code-name">#icon-setup-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-search-copy"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#icon-search-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongcheck"></use>
                </svg>
                <div class="name">空check</div>
                <div class="code-name">#icon-kongcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-check"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collection-fill"></use>
                </svg>
                <div class="name">collection-fill</div>
                <div class="code-name">#icon-collection-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-collection-fill-copy"></use>
                </svg>
                <div class="name">collection-fill</div>
                <div class="code-name">#icon-collection-fill-copy</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
